<!DOCTYPE HTML>
<html reftest-async-scroll
      reftest-displayport-x="0" reftest-displayport-y="0"
      reftest-displayport-w="800" reftest-displayport-h="2000"
      reftest-async-scroll-x="0" reftest-async-scroll-y="50">
<body style="overflow:hidden; height:3000px; margin:0;">
  <div style="height: 1000px;
              background-image:url(repeatable-diagonal-gradient.png);
              background-attachment:fixed;
              background-repeat:no-repeat;
              background-position:top left;">
  </div>
  <!-- test that background-attachment:fixed backgrounds of child elements don't move with async scrolling -->
</body>
</html>
